/*
* @Author: nidaye
* @Date:   2018-01-13 21:16:25
* @Last Modified by:   nidaye
* @Last Modified time: 2018-01-13 21:51:43
*/
header {
    width: 100%;
    height: 0.88rem;
    line-height: 0.88rem;
    text-align: center;
    font-size: 0.36rem;
    color: #fff;
    background: url(../img/header_bar.png) center center;
    background-size: 100%;
    position: fixed;
    top: 0;
    z-index: 9;
}
header .back{
    width: 0.4rem;
    height: 0.4rem;
    display: inline-block;
    background: url(../img/back.png) center center;
    background-size: 100%;
    margin: 0.25rem -0.2rem 0 0.2rem;
}
.user_pic{
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  margin: 1.8rem auto 0.4rem auto;
}
.change_pic{
  text-align: center;
}
.change_pic i{
  width: 0.4rem;
  height: 0.4rem;
  display: inline-block;
  background: url(../img/carmer.png) center center;
  background-size: 100%;
  vertical-align: text-top;
  margin-right: 0.15rem;
}
.change_pic span{
  font-size: 0.3rem;
  color: #3db7f6;
}
.user_data{
  width: 6.9rem;
  height: auto;
  margin: 0.9rem auto 0 auto;
  background: #fff;
  padding: 0.3rem;
  box-sizing:border-box;
}
.user_data ul li{
  display: flex;
  margin: 0.3rem auto;
}
.user_data ul li span,.user_data ul li p{
  flex:1;
  font-size: 0.24rem;
}
.user_data ul li span{
  color: #999;
}
.user_data ul li p{
  text-align: right;
  color: #333;
}
.number{
  width: 6.9rem;
  height: 0.8rem;
  background: #baccd2;
  margin: 0 auto 0.3rem auto;
  font-size: 0.3rem;
  color: #fff;
  line-height: 0.8rem;
  text-align: center;
}
